/*Custom css*/

html,body {
    margin: 0;      /* child elements inherit from parent. Set margin and padding 0 on top-level so browsers won't mess up everything'*/
    padding: 0;
    width: 100%;
    height: 100%;
}

.logo {
    width:350px; 
    padding-top: 30px; 
}

.logoreisburrito {
    width:400px; 
    padding-top: 30px; 
}

@media(max-width: 450px) {
    .logoreisburrito {
        width:250px; 
        padding-top: 30px; 
    }
    .logo {
        width:250px; 
        padding-top: 30px; 
    }
}

#loginPanel {
    width:80%;
}

/* --------- Template css for LoginTemplate ---------- */
.centerVertical{
    position:relative;
    top: 10%;
    z-index: 10; 
}
@media (max-width: 600px) {
    .centerVertical{   
        position: initial;
        top:0px;
        z-index:10;
    }
}

#bodyLogin {
    position: absolute;
    height:100%;
    width: 100%;
    background-color: #4485D2;
    overflow: auto;
    padding-bottom: 5px;
}

#contentLogin {
    /*98% so no scrollbar is shown when content doensnt exceed min-height. Not completly reliable*/
    /*when 2% of the height is smaller than 5 pixels, a wild scrollbar apears.*/
    min-height: 90%; 
    background-color: #fff;
    padding: 0;
    padding-top: 10px;
}


/* ----------- Template css for DefaultTemplate ----------- */
#body {
    position: absolute;
    top: 65px;
    bottom: 0px;
    width: 100%;
    background-color: #4485D2;
    overflow: auto;
    padding-bottom: 5px;
}

/*spacing between menu and body */
#bodySpacer {
    height: 5px;
    background-color: #0070C0;
}

#menu {
    background-color: #fff;
    height: 60px;
}

#content { 
    /*98% so no scrollbar is shown when content doensnt exceed min-height. Not completly reliable*/
    /*when 2% of the height is smaller than 5 pixels, a wild scrollbar apears.*/
    min-height: 98%; 
    background-color: #fff;
    padding: 0;
    padding-top: 10px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

#menu-nav  {
    z-index: 9999;
    border: 0px solid #fff;
    min-height: 60px;
}

#menu-nav .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
#menu-nav .navbar-default .navbar-nav > .active > a:focus {
    min-height: 60px;
    background-color: #6BB9F0;
    color: #fff; 
}

#menu-nav > * {
    z-index: 9999;
    background-color: #fff;
}

#menu-nav ul .active {
    background-color: #6BB9F0;
}

#menu-nav .container-fluid {
    /*min-height: 60px;*/
}
#menu-nav ul  {
    min-height: 60px;
}
#menu-nav ul li {
    height: 60px;
}

.navbar-header {
    height:60px;
}

@media (min-width:768){
    #menuItemMobile {
    }
}

@media (max-width:768){
    #menuItemMobile {
        float:left !important;
    }
}

#submit {
    background-color: #FF7500;
    border: 0px;
    color: #fff;
    padding:5px;
}
.btnOrange {
    background-color: #FF7500;
    border: 0px;
    color: #fff;
    padding:5px;
}
@media (max-width: 500px) {
    #content  {
        width: 99%;
        margin-left: auto;
        margin-right: auto;
    }
}

.error {
    color: #ff0000;
    margin-left:12px;
}

/*Template css for AdvancedTemplate*/
.subcontentDiv {
    margin-top:10px; 
}

/*Css for accommodation overview*/
.accommodationDiv {
    border-color: darkgrey;
    border-width: 1px;
    border-style: solid;
    /*margin: 3px;*/ 
    margin-top:3px;
}

#listViewContainer {
    margin-top: 10px;
}

.accommodationRow {
    border: #ebebeb solid 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
}
#listView {
    border: none;
}
#selectaccommodation th, td {
    padding-left: 2px; 
    text-align: center;
    padding-right: 2px; 
}